<link rel="stylesheet" type="text/css" href="__CSS__/tree_recommend.css"/>

<link rel="stylesheet" href="__CSS__/dasky.min.css" />

    <script type="text/javascript" src="__JS__/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="__JS__/jmpress.min.js"></script>
    <script type="text/javascript" src="__JS__/dasky.eval.js"></script>
    <script type="text/javascript">
        $(function(){$('#dasky').Dasky()});
    </script>

    <style type="text/css">
        html, body
        {
            margin: 0;
            padding: 0;
        }
    </style>

</head>
<body>

<div id="dasky">
    <div class="step year">
        <div class="dsk-titlenode">
            2016
        </div>
        <div class="dsk-content">
            <p class="dsk-year-info">
                一个时间表滑块。
            </p>
        </div>
    </div>
    <div class="step">
        <div class="dsk-circle">
            05/01</div>
        <h2 class="dsk-circle-title">
            daskey时间轴滑块</h2>
        <div class="dsk-content">
            <div class="dsk-info">
                <h2>
                    daskey时间轴滑块
                </h2>
                <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
                <p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
                <a href="#" class="dsk-link">查看更多</a>
            </div>
            <img src="images/1.png" alt="" />
        </div>
    </div>
    <div class="step">
        <div class="dsk-circle">
            12/16</div>
        <h2 class="dsk-circle-title">
            时尚的外观</h2>
        <div class="dsk-content">
            <div class="dsk-info">
                <h2>
                    时尚的外观
                </h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                    exerc...</p>
                <a href="#" class="dsk-link">查看更多</a>
            </div>
            <img src="images/2.png" alt="" />
        </div>
    </div>
    <div class="step year">
        <div class="dsk-titlenode">
            2017
        </div>
        <div class="dsk-content">
            <p class="dsk-year-info">
                使用产品的时间轴，展示等！
            </p>
        </div>
    </div>
    <div class="step">
        <div class="dsk-circle">
            01/20</div>
        <h2 class="dsk-circle-title">
            回退到旧浏览器</h2>
        <div class="dsk-content">
            <div class="dsk-info">
                <h2>
                    回退到旧浏览器
                </h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                    exerc...</p>
                <a href="#" class="dsk-link">查看更多</a>
            </div>
            <img src="images/3.png" alt="" />
        </div>
    </div>
    <div class="step">
        <div class="dsk-circle">
            07/15</div>
        <h2 class="dsk-circle-title">
            CSS3动画</h2>
        <div class="dsk-content">
            <div class="dsk-info">
                <h2>
                    CSS3动画
                </h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                    exerc...</p>
                <a href="#" class="dsk-link">查看更多</a>
            </div>
            <img src="images/4.png" alt="" />
        </div>
    </div>
    <div class="step">
        <div class="dsk-circle">
            11/03</div>
        <h2 class="dsk-circle-title">
            容易使用</h2>
        <div class="dsk-content">
            <div class="dsk-info">
                <h2>
                    容易使用</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                    exerc...</p>
                <a href="#" class="dsk-link">查看更多</a>
            </div>
            <img src="images/5.png" alt="" />
        </div>
    </div>
</div>